<template lang="">
  <h3>{{ $t('cunK') }}<span>{{ $t('xuan-2') }}</span></h3>
  <div class="deposit">
    <a-tabs v-model:activeKey="activeKey" size="large">
      <a-tab-pane key="1" tab="线上存款">
        <DepositTab @switch="onSwitchTab"/>
      </a-tab-pane>

      <a-tab-pane key="2" tab="存款记录">
        <DepositRecordTab />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script setup lang="ts">
import { ref } from "vue";
import DepositTab from "./components/DepositTab.vue";
import DepositRecordTab from "./components/DepositRecordTab.vue";
import { useI18n } from 'vue-i18n'
const { t } = useI18n()

const activeKey = ref("1");
function onSwitchTab(value: string) {
  activeKey.value = value;
}

</script>

<style lang="less"></style>
